import {reqAddUser} from '../../api'

// 给file输入框绑定选择文件的监听(change) 
document.getElementById('profile').onchange = (e) =>{
  // 得到选择的文件对象 file
  const file = e.target.files[0]

  // 对file中包含的图片进行base64编码
  // 创建读取文件的reader对象
  const fileReader = new FileReader()
  // 读取文件 (异步)
  fileReader.readAsDataURL(file)

  // 绑定读取完成的监听
  fileReader.onload = () =>{
    // 显示到页面
    document.getElementById('preview').src = fileReader.result
  }
}


const addForm = document.getElementById('addForm')
// 监听表单提交事件
addForm.onsubmit = async (e) =>{
  // 阻止默认提交事件
  e.preventDefault()
  // 根据Form来创建formData对象
  const formData = new FormData(addForm) // 专门用来收集带文件的表单数据
  // 请求添加user 
  const result = await reqAddUser(formData) 
  console.log(result);
  if(result.code === '2000'){
    // 请求成功 跳转到列表页面
    window.location = '/users.html'
  }else{
    // 如果失败  
    alert(result.message)
  }
}

